<template>
    <ul>
        <!-- <li>消息编号:{{$route.query.messageId}}</li>
        <li>消息标题:{{$route.query.messageName}}</li> -->
        <li>消息编号:{{messageId}}</li>
        <li>消息标题:{{messageName}}</li>
        <!-- <h4>获取到路由参数a的值为：{{ a }}</h4>
        <h4>获取到路由参数b的值为：{{ b }}</h4> -->
   </ul>
</template>

<script>
    export default {
        name:'Detial',
        mounted() {
            console.log(this.$route);
            //如果是query传参就可以通过如下方式拿到参数进行渲染
            console.log(this.$route.query);
        },
        props:['messageId','messageName'],
        // computed:{
        //     // 通过计算属性的方式获取路由参数
        //     messageId(){
        //         return this.$route.query.messageId
        //     },
        //     messageName(){
        //         return this.$route.query.messageName
        //     }
        // }
    }
</script>

<style>

</style>